<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="../js/jquery-3.4.1.min.js"></script>
		<script>
			//focus:获得焦点
			//blur:失去焦点
			//keypress
			//change:select
			$(function(){
				$("#name").blur(function(){
					var n=$(this).val();
					for(let i=0;i<n.length;i++){
						let p=n.charAt(i);
						if(!isNaN(p))
						{
							alert("名字中不能有数字");
							return false;
						}   
					}
				});
				$(":password[name=pass]").blur(function(){
					let $p=$(this);
					if($p.val().length<6){
						alert("密码不能少于6个字符");
						return false;
					}
					if($p.val()!=$(":password[name=repass]").val()){
						alert("两次密码不一致");
						return false;
					}
					return true;//
				});
				$("form").submit(function(){
					var $name=$("#name");
					//必须填
					//不能有数字
					var n=$name.val();
					for(let i=0;i<n.length;i++){
						let p=n.charAt(i);
						if(!isNaN(p))
						{
							alert("名字中不能有数字");
							return false;
						}   
					}
					let $p=$(":password[name=pass]");
					if($p.val().length<6){
						alert("密码不能少于6个字符");
						return false;
					}
					if($p.val()!=$(":password[name=repass]").val()){
						alert("两次密码不一致");
						return false;
					}
					return true;//
				});
			});
		</script>
	</head>
	<body>
		<form action="jq1.html">
		<p>
			<label for="name">姓名:</label>
			<input id="name" type="text" name="name" value="" placeholder="请输入你的姓名" size="36" maxlength="30" required pattern="\w{2,20}"/>
		</p>
		<p>
			邮箱：<input type="email" name="email" />
		</p>
		<p>
			密码:
			<input type="password" name="pass" required/>
		</p>
		<p>
			确认密码:
			<input type="password" name="repass" required/>
		</p>
			<input type="submit" value="注册"/>
		</form>
		
	</body>
</html>
